import React, {Component} from 'react'
import {
    Image,
    StyleSheet, Text, TouchableOpacity,
    View, Dimensions
} from 'react-native'

let {height, width} = Dimensions.get('window');
export default class neadygridviewpageitem extends Component {
    constructor(props) {
        super(props)
        this.state = {}
    }

    render() {
        return (
            <View style={styles.container}>
                <TouchableOpacity style={styles.outview}
                                  onPress={this.props.onPress}>
                    <Text>
                        {this.props.title}
                    </Text>
                </TouchableOpacity>
            </View>
        );
    }
}
const styles = StyleSheet.create({
    container: {
        justifyContent: 'center',
        alignItems: 'center',
        width: width / 5,
        height: 25,
        marginLeft: 10,
        borderWidth: 1,
        borderColor: '#888',
        borderRadius: 11,
        backgroundColor: '#fff',
        marginTop:5
    },
    outview: {

        padding:5,

    }
});
module.exports = neadygridviewpageitem